
body {  font-size: 100%;}
body {  background: white;  color: #222222;  padding: 0;  margin: 0;  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;  font-style: normal;  line-height: 1;  position: relative; background:url(../images/header.jpg) repeat-x #FFF;}
.contert{margin-top: 10px;padding-top: 10px;}

.logo{width:191px;height:43px;float:left;}
.logo img,.ad img,.image img,.downbutton img{max-width: 100%;height: auto;}
ul{ list-style: none;margin: 0px; padding: 0px;}
ul,ol,dl {  font-size: 1em;  line-height: 1.6;  margin-bottom: 1.25em;  list-style-position: outside;  font-family: inherit; }
a{ text-decoration: none;}
.button-group {  list-style: none;  margin: 0; *zoom: 1;  float: left; top: -30px;position: relative;}
.button-group li{float: left; margin: 3px;}
.button-group li a{color: #999999;}
.row {  width: 100%;  margin-left: auto;  margin-right: auto;  margin-top: 0;  margin-bottom: 0;  max-width: 62.5em; *zoom: 1; }
.row:before, .row:after {  content: " ";  display: table; }
.row:after {  clear: both; }
.row:before, .row:after {  content: " ";  display: table; }
.row:after {  clear: both; }
.row .column,.row .columns {  position: relative; /*  padding-left: 0.9375em;  padding-right: 0.9375em;*/  width: 100%;  float: left; }
.row.collapse .column,.row.collapse .columns {  position: relative;  padding-left: 0;  padding-right: 0;  float: left; }
.row .row:before, .row .row:after {  content: " ";  display: table; }
.row .row:after {  clear: both; }
.row .row.collapse {  width: auto;  margin: 0;  max-width: none; *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {  content: " ";  display: table; }
.row .row.collapse:after {  clear: both; }
.col {  height:80px;  margin-bottom: 20px;  margin-left: 3px;  margin-top: 20px;}
.pro {
    float: left;
    padding: 5px;
    width: 220px;
}
.proUl p{color: #999; font-size: 10px;}
.proUl{display:inline-block;}
.proUl .pro{height:220px;}h4 a{
    color: black;
    font-size: 12px;
}
.proj-info {
    padding: 1px 0;
    text-align: justify;
}
.proj-info p {
    font-size: 10px;
}
.proj-info h4 {
    margin: 10px 0;
}
.proj-img {
    overflow: hidden;
    position: relative;
}
.preloader {
    background: url("../images/loading.gif") no-repeat scroll 50% 50% #FFFFFF;
    border-top: 1px solid #DEDEDE;
    margin-top: -1px;
}.proj-img a {
    background: url("../images/zoom-more.png") no-repeat scroll right bottom transparent;
    height: 29px;
    left: -29px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 29px;
    z-index: 10;
}
.proj-img a.down {
    background: url("../images/zoom-more.png") no-repeat scroll right top transparent;
    margin-left: -29px;
}
.proj-img a:hover {
    background-position: left bottom;
}
.proj-img i {
    background: url("../images/hover.png") no-repeat scroll 0 0 transparent;
    font-style: normal;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
#search {  height: 28px;  margin: 0 auto;}
#inputxt {  background: none repeat scroll 0 0 #1F1F1F;  border: medium none;  color: #FFFFFF;  float: left;  height: 28px;  margin: 0;  padding: 0;  }
#inputsubmit {  background: url("../images/search.jpg") no-repeat scroll 0 0 transparent;  border: medium none;  display: block;  float: left;  height: 28px;  line-height: 19px;  width: 55px;}
.col a {  color: #FFFFFF;  display: inline-block;  float: left;
  font-size: 14px;  height: 45px;  line-height: 45px;  margin: 2px;  text-align: center;  width: 45px;}
.col1 {  background: none repeat scroll 0 0 #52BDE0;}
.hot1 {  margin-bottom: 4px;  margin-top: 2px;}
.hot-col {  background: none repeat scroll 0 0 #000000;  color: #FFFFFF;  display: inline-block;  font-size: 12px;  height: 18px;  line-height: 18px;  text-align: center;  width: 18px;}
.hot1 a {  margin-left: 10px; color: #999999;  font-size: 12px;  text-decoration: none;}
.line {  background: url("../images/line.jpg") repeat-x scroll 0 0 transparent;  height: 1px;  width: 100%;}
.footer {  clear: both;text-align: center;}
.copyright {  height: 30px;  margin-top: 39px;}
.copyright img {  float: left;  margin-right: 10px;}
.copyright p {  float: left;}
.downloads {  color: #727272;  font-size: 14px;  margin-left: 20px;}
.downloadsnum {  color: #727272;  font-size: 14px;}
.links {  clear: both;  margin-bottom: 50px;  margin-left: 50px;  margin-top: 10px;}
.links a {  margin-left: 3px;  margin-right: 3px;}
a {  color: #999999;  font-size: 12px;  text-decoration: none;}
.bannerImg img{width: 100%;}
.downbutton {
    margin-top: 10px;
}
.gas {
    margin-bottom: 20px;
    margin-top: 20px;
}.big {
    color: #999999;
    line-height: 20px;
    margin: 0;
}.displayname {
    font-size: 18px;
}.post-meta {
    line-height: 11px;
    padding: 0;
    text-align: left;
}
.title h2 {
    color: #666666;
    font-size: 14px;
    margin: 0 0 0 15px;
    padding: 0;
}
.title {
    float: left;
}.date {
    color: #999999;
    display: inline;
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 1px;
    margin-left: 15px;
}.tags {
    background: url("../images/tag.jpg") no-repeat scroll 0 0 transparent;
    color: #999999;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    margin-top: 5px;
    padding-left: 14px;
}
p {
    color: #666666;
    font-size: 12px;
}.interpretation {
    display: block;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 220px;
}.interpretation ul li {
    background: url("../images/icon.jpg") no-repeat scroll 0 0 transparent;
    color: #999999;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left: 23px;
}.share {
   height: 40px;
    margin-bottom: 30px;
    margin-top: 10px;
   }.share ul li {
    display: block;
   float: left;
   height: 35px;
    margin: 4px;
    width: 35px;
}
.share ul li a {
    display: block;
    height: 35px;
    width: 35px;
}
.sharesina a {
    background: url("../images/share-sina1.jpg") no-repeat scroll 0 0 transparent;
}
.sharesina a:hover {
    background: url("../images/share-sina.jpg") no-repeat scroll 0 0 transparent;
}
.shareweixin a {
    background: url("../images/share-weixin1.jpg") no-repeat scroll 0 0 transparent;
}
.shareweixin a:hover {
    background: url("../images/share-weixin.jpg") no-repeat scroll 0 0 transparent;
}
.shareqq a {
    background: url("../images/share-qq1.jpg") no-repeat scroll 0 0 transparent;
}
.shareqq a:hover {
    background: url("../images/share-qq.jpg") no-repeat scroll 0 0 transparent;
}
.sharedou a {
    background: url("../images/share-dou1.jpg") no-repeat scroll 0 0 transparent;
}
.sharedou a:hover {
    background: url("../images/share-dou.jpg") no-repeat scroll 0 0 transparent;
}
.sharebaidu a {
    background: url("../images/share-baidu1.jpg") no-repeat scroll 0 0 transparent;
}
.sharebaidu a:hover {
    background: url("../images/share-baidu.jpg") no-repeat scroll 0 0 transparent;
}
.sharekaixin a {
    background: url("../images/share-kaixin1.jpg") no-repeat scroll 0 0 transparent;
}
.sharekaixin a:hover {
    background: url("../images/share-kaixin.jpg") no-repeat scroll 0 0 transparent;
}
.sharexiaoyou a {
    background: url("../images/share-xiaoyou1.jpg") no-repeat scroll 0 0 transparent;
}
.sharexiaoyou a:hover {
    background: url("../images/share-xiaoyou.jpg") no-repeat scroll 0 0 transparent;
}
.shareqzone a {
    background: url("../images/share-qzone1.jpg") no-repeat scroll 0 0 transparent;
}
.shareqzone a:hover {
    background: url("../images/share-qzone.jpg") no-repeat scroll 0 0 transparent;
}
.sharetengxun a {
    background: url("../images/share-tengxun1.jpg") no-repeat scroll 0 0 transparent;
}
.sharetengxun a:hover {
    background: url("../images/share-tengxun.jpg") no-repeat scroll 0 0 transparent;
}
.shareren a {
    background: url("../images/share-ren1.jpg") no-repeat scroll 0 0 transparent;
}
.shareren a:hover {
    background: url("../images/share-ren.jpg") no-repeat scroll 0 0 transparent;
}

@media only screen {
 .row .column, .row .columns {  position: relative; /* padding-left: 0.9375em;  padding-right: 0.9375em; */  float: left; }
}
@media only screen and (min-width: 48em) {
 .row .large-9 {  position: relative;  width: 75%; }
 .row .large-3 {  position: relative;  width: 24%; }
  .row .large-6 {   position: relative;   width: 50%; }
  .push-3 {   position: relative;   left: 25%;   right: auto; }
  .pull-6 {   position: relative;   right: 50%;   left: auto; }

 [class*="column"] + [class*="column"]:last-child {  float: right; }
 .col { height: 196px;  margin-bottom: 20px;  margin-left: 3px;  margin-top: 20px; }
 .share {   height: 150px;    margin-bottom: 30px;   margin-top: 10px;  }.share ul li {
    display: block;
    float: left;
    height: 35px;
    margin: 4px;
    width: 35px;
}
}
.Pager span{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
   
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;}
.Pager span:hover{background-color: #f5f5f5}
.current{background-color: #f5f5f5;color: #FA5833;}
logo